<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="parenta">
			<p class="one">111</p>
			<p class="two">222</p>
		</div>
		
		<script>
			// //1.创建一个标签（元素节点）
			// var h1box=document.createElement("h1");
			// //2.给标签添加内容
			// h1box.innerHTML="我创建的h1";
			// //3.添加到页面上
			// //3.1 父元素.appendChild(子元素)  插入到父元素里面的最后面
			// // var parenta=document.getElementById("parenta");
			// // parenta.appendChild(h1box);
			
			// //3.2 父元素.insertBefore(要插入的元素,以前的原来元素);
			// // 新元素 插入到 以前的原来元素 的前面
			// var parenta=document.getElementById("parenta");
			// var one=document.getElementsByClassName("one")[0];
			// parenta.insertBefore(h1box,one);
			
			//创建文本节点(了解)
			var textbox=document.createTextNode("hello");
			//创建注释节点(了解)
			var commentbox=document.createComment("注释");
			
			// var parenta=document.getElementById("parenta");
			// parenta.appendChild(commentbox);
		</script>
	</body>
</html>
